<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body  >

		<s:form action="serviceDetailActions" id="Detail1" theme="simple">
			<table>
				<tr>
					<td>Service Name <font color="red">*</font></td>
					<td><s:textfield name="serviceName"></s:textfield>
						<s:hidden id="ServiceID" value="123" ></s:hidden>
					</td>
					<td>Service Active</td>
					<td><s:checkbox name="isActive" onclick="onClickInterest()"></s:checkbox>
					</td>
				</tr>

				<tr>
					<td>Service Short Description<font color="red">*</font></td>
					<td><s:textarea name="shortDescription"></s:textarea>
					</td>
					<td>Service Full Description</td>
					<td><s:textarea name="fullDescription"></s:textarea>
					</td>
				</tr>

				<tr>
					<td>Sub Type</td>
					<td><s:select id="subType"  
							onchange="onSubTypeSelect()"  
							list="#{'01':'January','02':'February','03':'March','04':'April'}"
							name="subType"></s:select>
					</td>
					<td>Dept Code<font color="red">*</font></td>
					<td><s:textfield name="deptCode"></s:textfield>
					</td>
				</tr>

				<tr>
					<td>Lead Contact<font color="red">*</font></td>
					<td><s:textfield name="leadContact" disabled="true"></s:textfield>
						<s:a href="lookupContactAction">Lookup</s:a>
					</td>
					<td>Service Type<font color="red">*</font></td>
					<td><s:textfield name="serviceType"></s:textfield>
					</td>
				</tr>

				<tr>
					<td>Client Description</td>
					<td><s:textarea name="clientDescription"></s:textarea>
					</td>
					<td>Service Description Delivery</td>
					<td><s:textarea name="serviceDescription"></s:textarea>
					</td>
				</tr>
				<tr>
					<td>Service Attendance</td>
					<td><s:select
							list="#{'01':'January','02':'February','03':'March','04':'April'}"
							name="serviceAttendance"></s:select>
					</td>
					<td>Service Contract Code</td>
					<td><s:textfield name="serviceContractCode"></s:textfield>
					</td>
				</tr>
				<tr>
					<td>Service Start Expected</td>
					<td><sj:datepicker name="serviceStartExpected"></sj:datepicker>
					</td>
					<td>Service Contract Value</td>
					<td><s:textfield name="serviceContractValue"></s:textfield>
					</td>
				</tr>
				<tr>
					<td>Service Start</td>
					<td><sj:datepicker name="serviceStart"></sj:datepicker>
					</td>
					<td>Contract Staged Payment</td>
					<td><s:checkbox name="contractStaged"
							onclick="onClickInterest()"></s:checkbox>
					</td>
				</tr>
				<tr>
					<td>Service End Date</td>
					<td><sj:datepicker name="serviceEndDate"></sj:datepicker>
					</td>
					<td>Referral Process/Method</td>
					<td><s:select
							list="#{'01':'January','02':'February','03':'March','04':'April'}"
							name="referral"></s:select>
					</td>
				</tr>
				<tr>
					<td>Service Extendable</td>
					<td><s:checkbox name="serviceExtendable"></s:checkbox>
					</td>
					<td>Service Time Limited</td>
					<td><s:checkbox name="serviceLimited"></s:checkbox>
					</td>
				</tr>
				<tr>
					<td></td>
					<td><sj:spinner size="4" name="extentYear"></sj:spinner> Years
						<sj:spinner size="4" name="extentMonth"></sj:spinner> Months</td>
					<td></td>
					<td><sj:spinner size="4" name="extentYear"></sj:spinner> Years
						<sj:spinner size="4" name="extentMonth"></sj:spinner> Months</td>
				</tr>
			</table>
		</s:form>
</body>
</html>